<template>
	<view class="docinfo">
		<view class="docinfo_top"></view>
		<!-- 头部 -->
		<view class="docinfo_title">
			<view class="docinfo_title_left"></view>
			<image :src="dataobj.img"></image>
			<view class="docinfo_title_right"></view>
		</view>
		<view class="font15 font-323232 font-b docinfo_name">{{dataobj.name}}</view>
		<view class="font14 font-7d766b docinfo_ch">{{dataobj.academic_title_name.name}}</view>
		<view class="docinfo_info">
			<view class="font15 font-323232 font-b">擅长方向</view>
			<view class="font14 font-323232 docinfo_info_text">
				<view>{{dataobj.be_good_at?dataobj.be_good_at:'无'}}</view>
			</view>
		</view>
		<view class="docinfo_info">
			<view class="font15 font-323232 font-b">医生简介</view>
			<view class="font14 font-323232 docinfo_info_text">
				<view>{{dataobj.synopsis?dataobj.synopsis:'无'}}</view>
			</view>
		</view>
		<view class="docinfo_info">
			<view class="font15 font-323232 font-b">擅长信息</view>
			<view class="font14 font-323232 docinfo_info_text">
				<view>{{dataobj.be_good_at_synopsis?dataobj.be_good_at_synopsis:'无'}}</view>
			</view>
		</view>
		<!-- <view class="docinfo_info">
			<view class="font15 font-323232 font-b">执业经历</view>
			<view class="font14 font-323232 docinfo_info_text">
				<view>{{dataobj.experience?dataobj.experience:'无'}}</view>
			</view>
		</view>
		<view class="docinfo_info">
			<view class="font15 font-323232 font-b">荣耀奖励</view>
			<view class="font14 font-323232 docinfo_info_text">
				<view>{{dataobj.honor?dataobj.honor:'暂无'}}</view>
			</view>
		</view>
		<view class="docinfo_info">
			<view class="font15 font-323232 font-b">学术成就</view>
			<view class="font14 font-323232 docinfo_info_text">
				<view>{{dataobj.attainment?dataobj.attainment:'暂无'}}</view>
			</view>
		</view> -->
	</view>
</template>

<script>
	export default {
		onLoad: function(options) {
			uni.setNavigationBarColor({
				frontColor: '#ffffff', // 必写项
				backgroundColor: '#6ccbb6', // 必写项
			})
			this.id = options.id
			this.Ondoctordetails()
		},
		data() {
			return {
				id: null,
				dataobj: {}, //返回数据
			}
		},
		methods: {
			//详情
			Ondoctordetails() {
				this.$Http({
					url: 'doctorDetails',
					data: {
						doctor_id: this.id
					}
				}).then(res => {
					res.data.img = this.$store.state.http_img + res.data.img
					this.dataobj = res.data
				})
			}
		}
	}
</script>

<style>
	.docinfo{
		padding-bottom: 50rpx;
	}
	
	.docinfo_top {
		background-color: #6ccbb6;
		height: 220rpx;
		width: 750rpx;
		
	}

	/* 头部 */
	.docinfo_title {
		height: 200rpx;
		width: 750rpx;
		display: flex;
		justify-content: center;
		margin-top: -100rpx;
		position: relative;
	}

	.docinfo_title view {
		width: 80rpx;
		height: 2rpx;
		background-color: #6ccbb6;
		position: absolute;
		bottom: 50rpx;
	}

	.docinfo_title_left {
		left: 160rpx;
	}

	.docinfo_title_right {
		right: 160rpx;
	}

	.docinfo_title image {
		height: 200rpx;
		width: 200rpx;
		border-radius: 30rpx;
		border: 1rpx #eeeeee solid;
	}

	.docinfo_name {
		width: 750rpx;
		text-align: center;
		margin-top: 30rpx;
	}

	.docinfo_ch {
		width: 750rpx;
		text-align: center;
		margin-top: 10rpx;
	}

	.docinfo_info {
		padding: 0 30rpx;
		margin-top: 30rpx;
	}

	.docinfo_info_text {
		line-height: 50rpx;
		margin-top: 12rpx;
	}

	.rich-img {
		width: 690rpx !important;
	}
</style>
